@charset "utf-8";
body{font: 14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;background-color: #fff; cursor:default;}
body,p,ul,ol,li,dd,dl,h1,h2,h3,h4,h5{ padding:0; margin:0;}
li{ list-style:none;}
img{border: none; outline: none;}
a,.news_info h3,.goods_content li img{-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a{ text-decoration:none; color:#535353; font-size:12px;}
.ow{ width: 100%; min-width: 1200px; height: auto;overflow: hidden;
    _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1200?"1200px":""); position: relative;} /*ow*/
.w{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; position: relative;}
.e,.logo,.date,.oheader ul li a span,.sider li,.goods_items span,.news ul li,.news_title h2,.navbar h1,.defind a,.bread a:first-child,.goods_content li span,.box .plus,.box .minus{ background-image: url(e.png);background-repeat: no-repeat} /*大背景*/
/*index*/
.oheader{ background: url(header_bg.png) repeat-x;}
.oheader .logo{ width: 500px; height: 70px; background-position: 0 0; float: left; margin-top: 25px;}
.oheader .logo a{ display: block; width: 100%; height: 100%;}
.date{ float: right; width: 221px; height: 50px; background-position: 0 -206px}
.date span{ font-size: 12px; color: #ffffff;display: inline-block; padding: 4px 0 0 28px;}
.oheader{ position: absolute; z-index: 10; top: 0}
.oheader ul{ float: right; padding-bottom: 21px;}
.oheader ul li{ float: right;  background:url(navbg.png) 97% -7px no-repeat;}
.oheader ul li a{ display: block;margin-left: 13px; margin-right: 11px;}
.oheader ul li a p{ color: #044aa1; font-size: 15px; height: 26px; margin-right:10px; text-align: center;}
.oheader ul li a span{ display: block; height: 10px; margin: 3px 0 4px;}
span.navbar_1{ background-position:-185px -304px}
span.navbar_2{ background-position:-94px -304px}
span.navbar_3{ background-position:0 -304px}
span.navbar_4{ background-position:-258px -257px}
span.navbar_5{ background-position:-185px -257px}
span.navbar_6{ background-position:-94px -257px}
span.navbar_7{ background-position:0 -257px}
.oheader ul li:hover div{ display: block;}
.oheader ul li a:hover .navbar_1{ background-position:-185px -315px}
.oheader ul li a:hover .navbar_2{ background-position:-94px -315px}
.oheader ul li a:hover .navbar_3{ background-position:0 -315px}
.oheader ul li a:hover .navbar_4{ background-position:-258px -268px}
.oheader ul li a:hover .navbar_5{ background-position:-185px -268px}
.oheader ul li a:hover .navbar_6{ background-position:-94px -268px}
.oheader ul li a:hover .navbar_7{ background-position:0 -268px}
.dropdown{ width: 86px; display: none; background-color: #f5f5f5; text-align: center; padding: 10px 0; position: relative; z-index: 10;}
.dropdown a{ display: block; padding: 5px 0; border-bottom: 1px #f5f5f5 solid;}
.dropdown a:hover{ border-bottom: 1px #044aa1 solid; color: #044aa1}
.banner{ position:relative;width:100%;height:381px; margin-top:112px;}
.banner .box{overflow:hidden;position:relative;}
.banner .box,.list li a,.list li,.list{width: 100%; height:100%;}
.list li a{ display: block; background-position: 50% 0; background-repeat: no-repeat; }
.banner  .btn{ height: 14px; width:100%; text-align: center; position:absolute;bottom:10px; left:0;z-index: 10;}
.banner  .btn li{ width: 14px; height:14px; border-radius: 14px; display: inline-block; background-color: #fff;  margin: 0 3px; font-size:12px; color:#FFF;}
.banner  .btn li.selected,.goods_box ol li.selected{ background-color: #044aa1; cursor: pointer;color: #044aa1;}
.box .plus{ right: 0px; background-position: -399px -265px}
.box .minus{ left: 0px;background-position:-367px -265px}
.osider{ border-bottom:solid 1px #f5f5f5;}
.sider{padding: 20px 0 30px;}
.sider li{ float: left; width: 25%; height: auto; text-align: left; padding-top: 10px;}
.sider h2{ padding-bottom:2px; padding-left: 60px; font-size: 18px; color:#4a9afc; font-weight: bold;}
.sider p{ padding-left: 60px;}
.ogoods_box{width:100%; overflow:hidden;}
.goods_box{width:1000px;position: relative; margin:0 auto; height:280px;}
.goods_box ul{ width: 100%; height: 100%;}
.goods_box ul li{width:333px; height:280px; position: absolute; }
.goods_Last,.goods_Next{width:46px; height:131px; color:#333; font-size:18px; position: absolute;z-index:9999; cursor:pointer; filter:alpha(opacity=50);opacity:0.5;}
.goods_Last:hover,.goods_Next:hover{opacity:1;filter:alpha(opacity=100);}
.goods_Last{left:-100px; top: 78px; background:url(lastIco.png) no-repeat center top;}
.goods_Next{right:-100px;top: 78px; background:url(nextIco.png) no-repeat center top;}
.goods_box .prev,.goods_box .next{position:absolute; width:1200px; height:280px; background-color:rgba(255,255,255,0.85); top:0px;z-index:99;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#92ffffff,endcolorstr=#92ffffff);}
.goods_box .prev{ left: -1200px; }
.goods_box .next{ left: 1000px; }
.goods_items{ width: 300px;padding: 10px 16px 0 16px; background-color: #ffffff; border-right: solid 1px #cdcdcd;}
.goods_items img{ width:300px; height: 200px;}
.goods_items h2{text-align: center;  margin-top: 10px;}
.goods_items span{ display:block;background-position:0 -163px; padding:5px 0 10px 20px;}
.goods_box ul li:hover span{background-position:0 -132px;}
.goods_box ul li:hover .goods_items{background-color: #4a9afc}
.goods_box ul li:hover h2{color:#fff;}
.goods_box ul li:hover span{ color: #ffffff}
.content{ border-top: #ddd solid 1px; background-color: #f5f5f5;}
.content h3{ color: #474747; font-size: 22px; font-weight: 300; text-align: center; margin-top: 30px; margin-bottom: 20px;}
.goods_nav{width: 500px; height: 25px; overflow: hidden; padding: 6px 0; margin: 0 auto 40px; border-bottom: #cdcdcd solid 1px;border-top: #cdcdcd solid 1px; text-align: center;}
.goods_nav a{ margin:0 2px;padding: 3px 8px; line-height: 20px; display: inline-block; color: #4d4d4d; background-color: #f5f5f5; border-radius: 10px;}
.goods_nav a:hover{background-color: #4a9afc;color:#ffffff;}
.main{ background:url(news_bg.jpg) 0 100% no-repeat #ffffff; height: auto; overflow: hidden; width: 1198px; margin: 50px auto; }
.main .line{ width: 1px; height: 200px; background-color: #cdcdcd; float: left;margin: 92px 0 0 33px;}
.news{ width: 500px; margin: 31px 0 46px 31px; float: left;}
.news_title{ overflow: hidden;}
.news_title h2{padding:5px 50px 5px 26px;  background-position: -485px -195px; background-color: #4a9afc; float: left; margin-bottom: 10px;}
.news_title h2 a{font-size: 16px; color: #ffffff; font-weight: 100;  margin: 0;}
.news_title a{ float: right;  margin: 18px 0 0;}
.news ul li a:hover{ color: #4a9afc;}
.news ul{ clear:both}
.news ul li{ border-bottom:dashed 1px #cdcdcd; background-position:-495px -120px;  line-height: 36px;padding-top: 5px;}
.news ul li span{ float: right;color: #7a7979; font-size: 12px;}
.news ul li a{  color: #4b4b4b; font-size: 14px; display: inline-block;max-width: 393px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>393?"393px":"");padding-left: 14px;overflow: hidden; height: 25px;}
.news ul li i:after,.com_about p a:after{content: "..."}
.com_info{ float: right; width: 600px;}
.com_info .news_title{  margin: 31px 31px 0 0;}
.com_about{ clear: both; overflow: hidden; margin-top: 16px; position: relative;}
.com_about p{ float: right; width: 300px;height: 185px; overflow: hidden; margin-right: 31px; line-height: 27px;}
.com_about p a{color: #484848; font-size: 14px;}
.com_about img{ float: left; width: 252px; height: 190px;}
.com_about a.newsmore{color: #4a9afc; font-size: 12px; position: absolute; bottom: 0;right: 30px;}
.anli_title{ border-bottom:#f5f5f5 solid 2px;}
.anli_title span{ font-size:14px; color:#525252; display:inline-block; margin:3px 5px 0 0; padding: 7px 26px 5px; cursor:pointer;}
.anli_title span.active,.anli_title span:hover{ background-color:#4a9afc; color:#FFF; }
.anli{ background-color: #ffffff; height: 90px; overflow: hidden;}
.anli dt{ line-height: 18px;padding-top:9px;background-color: #fafafa;width: 30px;text-align: center;height:81px;float: left;color: #4a9afc; font-size: 16px;}
.anli dd{ float: left;margin: 20px 12px;}
.anli dd a{  overflow: hidden; display: block;}
.anli dd img{ width:171px; height: 49px;}
.ofooter{ background-color: #393939; padding: 25px 0 12px;}
.ofooter .logo{ width: 500px; height: 70px; background-position: 0 -70px; float: left;}
.ofooter .logo a{ display: block; width: 100%; height: 100%}
.footer_info{ width: 500px; overflow:hidden; height: auto; float: right;}
.footer_info p{font-size: 12px; color: #afafaf; text-align: right; line-height: 22px;}
/*公共页*/
.navbar h1{  background-position: -236px -198px;    background-color: #1d5eae;    color: #ffffff;    padding: 8px 23px 8px 52px;float: left; font-size: 18px;font-weight: 100;}
.navbar a{ line-height: 43px; padding-left:40px; font-size: 14px; color: #4f4f4f; display: inline-block;}
.navbar a:hover{ color: #4a9afc}
.ocontainer{ background-color: #f5f5f5; padding: 40px 0;}
.left{width: 23%; height:auto; float: left; background-color: #ffffff; border:#dfdfdf solid 1px; box-shadow: 0px 0px 1px #cdcdcd;}
.focus{ position: relative; width: 94%; height: 220px; margin: 0 auto;}
.left h4,.defind h2{ color: #1d5eae; font-size: 16px; padding: 16px 10px;}
.focus .box{ position: relative;}
.focus li{ position: absolute; left: 0; width: 100%; height: auto;}
.focus li a{ display: block;}
.focus li img{height: 163px; width: 100%;}
.focus li p{padding: 12px 0; font-size: 16px; color: #000; text-align: center; background-color: #ffffff;}
.focus .btn{ display: none;}
.focus .plus,.focus .minus{ width: 29px; height: 47px; background-color: rgba(255,255,255,0.1);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#10ffffff,endcolorstr=#10ffffff); position: absolute; top: 57px; z-index: 10; }
.defind{ border-top: #e6e6e6 solid 1px; background: url(defind_bg.jpg);}
.defind p{ line-height: 32px;width: 90%; font-size: 12px; margin: 0 auto;}
.defind h2{width: 94%; margin: 0 auto; font-weight: 100;}
.defind a{ display: block; width: 117px; height: 65px; background-position: -319px -159px;margin: 20px 0 0 10px;}
.right{ border-top: solid #1d5eae 4px; float: right; width: 74%;}
.title p{ font-size: 30px; color:#adadad;text-transform:Uppercase;  margin-top: 30px; border-bottom: solid 1px #e4e4e4; }
.title span{color: #1d5eae; font-size: 18px; display: inline-block; margin-top: 10px;}
.bread{ float: right; margin: 10px;}
.bread i{ display: inline-block; padding-right: 5px;}
.bread a:first-child{ background-position:-319px -143px; padding-left: 18px; }
.bread a:hover{ color: #4a9afc;}
.news_items{ margin-top: 30px;}
.news_items li{ margin: 10px 0; overflow: hidden;}
.news_data{ width: 97px; height: 85px; float: left; background-color: #ffffff; text-align: center;}
.news_data p{ color: #929292; font-size: 30px; border-bottom: solid 1px #ececec;  padding: 3px 0;}
.news_data label{ color: #cdcdcd; font-size: 18px;line-height: 32px;}
.news_data span{font-size: 12px;}
.news_info{ width:87.5%; height: 85px; float: right; background-color:rgba(255,255,255,0.8);}
.news_info h3{ font-size: 22px; color: #4c4949; font-weight: 100; height:33px; overflow:hidden;  margin: 10px 15px; }
.news_info p{ color: #bfbebe; font-size: 14px;  margin:0 15px; height: 18px; line-height: 20px; overflow: hidden;}
.news_info:hover h3{ color: #ffffff;}
.news_info h3:hover{ margin-left: 20px;}
.news_info:hover p{ color: #f4f4f4; text-decoration: underline;}
.news_info:hover{ background-color: #4a9afc;}
.pagenation{ text-align: center; margin: 40px 0 0; overflow: hidden; clear: both;}
.pagenation a,.pagenation span{ display: inline-block;height: 30px; padding:0 10px;background-color: #ffffff; line-height: 30px; margin: 0 2px;}
.pagenation span.current{ margin: 0 2px; display: inline-block; padding:0 15px;height: 36px;line-height: 40px; background-color: #4a9afc; color: #ffffff;}
.pagenation a:hover{background-color: #4a9afc; color: #ffffff;}
/*产品列表页*/
.goods_content{ overflow: hidden; margin-top: 30px;}
.goods_content li{ width: 320px; height: 265px; background:url(goods_bg.jpg) 0 100% no-repeat; float: left;  margin: 0 -13px;}
.goods_content li a{  display: block;padding: 3px 28px;}
.goods_content li img{ width: 265px; height:176px;}
.goods_content li img:hover{transform:rotate(3deg)}
.goods_content li:hover p{ color: #4a9afc;}
.goods_content li p{ font-size: 16px; text-align: center; padding-top: 10px; height:24px; overflow: hidden;}
.goods_content li span{  display: block;    background-position: 6px -163px;    padding: 5px 0 10px 27px;}
/*产品列表页 over*/
/*新闻列表页*/
.news_main{ width:100%;}
.news_main h2{ margin-left: 15px; font-size: 18px; color: #009944; font-weight: 100;}
.news_main h2 a{ color: #009944; font-size: 12px; float: right; display: inline-block; margin-right: 15px;}
.news_main li{ margin-top:15px; border-bottom:solid 1px #dfdfdf; padding-bottom:15px;}
.news_main li a{ font-size:14px; display:block;}
.news_main li span{ float:right;margin:4px; padding-right:13px; color:#aaa;}
.news_main li p{ width:668px;overflow:hidden;height:25px;}
.news_main li p a{ padding-left:15px; line-height:28px;}
.news_main li p:hover a{ color:#009944;}
/*新闻列表页 over*/
/*案例*/
.anli_{ margin: 0 auto; overflow: hidden; width:100%;}
.anli_ li{ width: 173px; height: auto; float: left;   margin: 20px 24px;;}
.anli_ li img{ width: 171px; height: 49px;}
.anli_ li p{ line-height: 28px; height: 28px; background-color: #dfdfdf; text-align: center; overflow:hidden;}
/*在线订单页*/
.table{ width:100%; height:auto; overflow:hidden;}
.table h2{  padding:30px 0;}
.table_main label{ font-size:14px; display:block; float:left; color:#666; margin-top:6px;text-align: right;width: 80px;}
.table_main dd{ padding:8px 0; overflow:hidden; width:750px; height:auto; margin:0 auto;}
.table_main dt{ font-size:16px; font-weight:bold; width:100%;border-top:#ddd solid 1px; padding-top:10px; color:#333; text-align:center; margin-top:20px; margin-bottom:10px;}
.table_box{ -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; height:28px; border:#cdcdcd 1px solid; border-radius:5px; font-size:14px; color:#888; padding-left:8px; width:240px;}
.table_main textarea{border:#ddd 1px solid; border-radius:5px;font-size:14px; color:#888; resize:none; width:294px; height:120px;}
.table_input{ width:200px;}
.table_num{ width:80px;}
.table_lang{ width:300px;}
.table_main strong{ color:#666; font-size:12px;}
.table_c{ width:50%; height:auto; overflow:hidden; float:left;}
.table_r{ margin-top:6px;}
.table_sumit{text-align: center; margin:30px 0;}
.table_sumit input{background-color: #333;border-radius:3px;padding: 6px 37px;border: none;color: #fff;}
.table_sumit input:first-child {background: #009944;}
/*show*/
.article{  width: 100%;height: auto; margin-top: 10px;}
.article h1 { text-align:center;
  font-size: 26px;
  line-height: 30px;
  padding: 16px 20px;
  color: #333;
  font-weight: 100;
}
.article .aside { text-align: center; border-bottom: #dfdfdf solid 1px; padding-bottom: 5px;}
.article .aside span{ display: inline-block; margin: 0 10px; color: #888888;}
.article_content {  margin: 20px 20px 0;  line-height: 28px;  padding-bottom: 20px; text-align:center;}
.article_content img{max-width:100%;}
.article_content p{ margin-top:10px;  text-align: left;  text-indent:2em;  word-wrap: break-word;font-size: 14px;  color: #555555;
  line-height: 30px;  font-weight: 500;}
.lookmore dd{ height:26px; overflow: hidden; line-height:26px; margin: 5px 0;clear: both; padding-top:10px;}
.lookmore dd label{ display:inline-block; width:50px; background-color: #dfdfdf;text-align: center; margin-right: 5px;}
.lookmore dd a:hover,.about_ dd a:hover{ color:#4a9afc}
.about_{}
.about_,.lookmore{ float: left; width: 50%;}
.about_ dt,.lookmore dt{ border-bottom: #dfdfdf solid 1px; overflow: hidden; padding-bottom: 5px; }
.about_ dt span,.lookmore dt span{ padding: 3px 10px; display: inline-block; background-color: #4a9afc; color: #ffffff; text-align: center; float: left;}
.about_ dd{ line-height: 32px; height: 32px; overflow: hidden; clear: both;border-bottom:dashed #dfdfdf 1px; padding:0 10px;}
  /*fenxiang*/
::-webkit-scrollbar:3px
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer